<ul class="task-list" style="height:630px; overflow:auto;">
    <li class="task-draft" ng-if="status.done && docList.length==0">
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp">
            这里的Tag列表还是空着呢，赶紧去创建一个吧~
            </span>
        </div>
    </li>

    <li class="task-active" ng-if="docList.length>0" ng-repeat="doc in docList">
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class='padding-5-30 badge badge-sm' 
                ng-style="setTagBg(doc.color)">{{doc.title}}</span>
            <span class="badge badge-primary margin-left-6 pointer"
                ng-click="searchBy()">{{doc.count}}</span>
        </div>

        <div class="task-action">                     
            <a name="btnEdit" href="#/operate-tag/1/{{doc.id}}" >Edit</a>
            &nbsp;
            <a name="btnDel" href="javascript:void(0);" >Delete</a>
        </div>
    </li>

    <li class="task-active" ng-show="!status.busy && !status.complete" >
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp pointer" ng-click="search(true)">点击加载...</span>
        </div>
    </li>

    <li class="task-scheduled" ng-show="status.busy" >
        <div class="task-title">
            <span style="padding-left:20px;">&nbsp;</span>
            <span class="task-title-sp">Loading data...</span>
        </div>
    </li>
</ul>
